<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <svg  height="210" width="500">
        <polygon points="200,10 250,190 160,210 100,100"
        style="fill:deepskyblue;stroke:purple;stroke-width:1"/>
      </svg>

      
      <svg height="210" width="500">
        <polygon points="100,10 40,198 190,78 10,78 160,198"
        style="fill:pink;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
      </svg>


      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="500">
        <polyline points="20,20 40,25 60,40 80,120 120,140 200,180 100,180 20,20"
        style="fill:none;stroke:black;stroke-width:3" />
      </svg>


</body>
</html>